<template>
	<view class="mord">
		<view class="top">
			<navigator url="/pages/user/comment">
				待评价
			</navigator>
			<navigator  class="active">
				已评价
			</navigator>

		</view>
		<view class="list">
			<view class="listTop">
				<view class="h">
					<image src="../../static/img/3/3-112.png" mode="widthFix"></image>
					<view class="name">
						豆豆
					</view>
					<navigator url="">
						<image src="../../static/img/3/3-83.png" mode="widthFix"></image>
					</navigator>
				</view>
				<view class="text">
					<view class="time">
						07-25 分类：猕猴桃[礼盒装]
					</view>
					我很喜欢吃猕猴桃 因为它很有营养！！我很喜欢吃猕猴桃 因为它很有营养！！我很喜欢吃猕猴桃 因为它很有营养！！
				</view>
			</view>
			<view class="listMain">
				<view class="imgbox">
					<image src="../../static/img/3/3-85.png" mode="widthFix"></image>
				</view>
				<view class="imgMain">
					<view class="h1">
						智利加力果 12个装
					</view>
					<view class="p">
						<text class="money">
							<text>$</text>36.66
						</text>
						销量:12万件
					</view>
					<view class="button">
						<view>
							<image src="../../static/img/2/2-28.png" mode="widthFix"></image>
						</view>
						<view>
							<image src="../../static/img/2/2-13.png" mode="widthFix"></image>
						</view>
						<view>
							<image src="../../static/img/2/2-19.png" mode="widthFix"></image>
						</view>
					</view>
				</view>
				<view class="both"></view>
			</view>
			<view class="listCos">
				<view class="left">
					<image src="../../static/img/6/6-7.png" mode="widthFix"></image>
					<text>8</text>
					<image src="../../static/img/6/6-8.png" mode="widthFix"></image>
					<text>8</text>
					<text>1月前</text>
				</view>
				<view class="right">
					<image src="../../static/img/3/3-87.png" mode="widthFix"></image>
					<text>写追评</text>
				</view>
				<!-- <view class="both"></view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		components: {

		},
		data() {
			return {
				num: 0
			}
		},
		onLoad(options) {
			
		},
		methods: {
		},
		onNavigationBarButtonTap(){
				   uni.navigateTo({
				       // url: '/pages/user/vipjs'
				   })
		}


	}
</script>

<style scoped>
	.listCos{
		height:68rpx;
		line-height: 68rpx;
		padding-left: 42rpx;
		padding-right: 42rpx;
	}
	.listCos .left{
		font-size:22rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(181,181,181,1);
		float: left;
	}
	.listCos .left image{
		display: inline-block;
		vertical-align: middle;
		margin-right: 10rpx;
		width: 32rpx;
	}
		.listCos .left  text{
			display: inline-block;
			vertical-align: middle;
			margin-right: 56rpx;
		}
		.listCos .right{
			width:99rpx;
			height:41rpx;
			border:1px solid rgba(240,64,111,1);
			border-radius:21rpx;
			float: right;
			margin-top: 15rpx;
			text-align: center;
			line-height: 30rpx;
			font-size:19rpx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(240,64,111,1);
		}
		.listCos .right image{
			display: inline-block;
			vertical-align: middle;
			width: 20rpx;
		}
		.listCos .right text{
			display: inline-block;
			vertical-align: middle;
		}
	.button{
		margin-top: 32rpx;
		
	}
	.button view{
		display: inline-block;
		vertical-align: middle;
		margin-right: 32rpx;
	}
	.button view image{
		display: inline-block;
		width: 28rpx;
	}
	.both{
		display: block;
		clear: both;
	}
		.listMain{
			border-bottom: 1px solid #efefef;
		}
		.imgbox{
			width:252rpx;
			border-right: 1px solid #efefef;
			padding: 35rpx;
			float: left;
		}
		.imgbox image{
			display: block;
			width: 100%;
		}
		.imgMain{
			float: left;
			width:467rpx;
			padding: 65rpx;
			padding-bottom: 0;
		}
		.imgMain .h1{
			font-size:26rpx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(4,0,0,1);
		}
		.imgMain .p{
			font-size:16rpx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(136,136,136,1);
			margin-top: 21rpx;
		}
		.imgMain .p .money{
			font-size:24rpx;
			font-family:Adobe Heiti Std;
			font-weight:normal;
			color:rgba(240,64,111,1);
			margin-right: 10rpx;
		}
		.imgMain .p .money text{
			font-size: 18rpx;
		}
		.list{
			background: #fff;
			margin-bottom: 10rpx;
		}
		.listTop{
			padding: 45rpx;
			border-bottom: 1px solid #efefef;
		}
		.h image{
			display: inline-block;
			width: 69rpx;
			height: 69rpx;
			vertical-align: middle;
			border-radius: 50%;
		}
		.h .name{
			display: inline-block;
			vertical-align: middle;
			font-size:24rpx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(51,51,51,1);
			margin-left: 10rpx;
		}
		.h navigator{
			float: right;
		}
		.h navigator image{
			display: inline-block;
			width: 35rpx;
		}
		.text{
			margin-top: 36rpx;
			font-size:22rpx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(51,51,51,1);
			line-height:31rpx;
		}
		.text .time{
			font-size:18rpx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(153,153,153,1);
			margin-bottom: 13rpx;
		}
	.top {
		height: 62rpx;
		background: #040000;
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(231, 231, 231, 1);
		text-align: center;
		display: flex;
		line-height: 62rpx;
	}

	.top navigator {
		flex: 1;
		margin-left: 90rpx;
		margin-right: 90rpx;
	}

	.active {
		border-bottom: 3rpx solid #F0406F;
		color: #F0406F;
	}

	uni-page-body {
		height: 100%;
	}

	.mord {
		min-height: 100%;
		background: #EEEEEE;
	}
</style>
